<h2 class="title"><span>THÀNH VIÊN : <?php echo $user_item->username ?></span></h2>
<div class="col-md-3">
    <a class="" href="<?php echo base_url()."thanh-vien/".$user_item->slug."-".$user_item->id?>"><?php if($user_item->image != NULL) { ?>
        <img class="img-thumbnail" src="<?php echo base_url()."assets/images/avatar/".$user_item->image; ?>" alt="<?php echo $user_item->username; ?>" />
        <?php } else { ?>
        <img class="img-thumbnail" src="<?php echo base_url() ?>assets/images/no-avatar.jpg" alt="<?php echo $user_item->username; ?>" />
        <?php } ?>
    </a>
</div>
<div class="col-md-5">
    <div class="profile-detail-info">
        <h3><?php echo $user_item->username ?></h3>
        <ul>
            <li><strong>Skill:</strong> <?php echo $user_item->skill ?></li>
            <li><strong>Tel/Viber:</strong> <?php echo $user_item->tel_viber ?></li>
            <li><strong>Email:</strong> <?php echo $user_item->email ?></li>
            <li><strong>Facebook:</strong> <?php echo $user_item->facebook ?></li>
            <li><strong>Nội dung:</strong><p><?php echo $user_item->content ?></p></li>
        </ul>
    </div>
</div>
<div class="col-md-4">
    <div id='calendar'></div>
</div>
<script>
    $(function () {
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            header: {
                left: 'title',
                right: 'prev,next today'
            },
            editable: true,
            eventLimit: false, 
            events: [
            <?php 
            if(!is_null($calendar_item)) {
                foreach ($calendar_item as $item_c) 
                { 
                    ?>
                    {
                        title: '<?php echo $item_c->name; ?>',
                        start: '<?php echo $item_c->date_start; ?>',
                        end: '<?php echo $item_c->date_end; ?>'
                    },
                    <?php 
                }
            } ?>
            ],
            eventRender: function (event, element) {
                var tooltip = event.title;
                $(element).attr("data-original-title", tooltip)
                $(element).tooltip({ container: "body"})
            }
        });
    });
</script>